<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button id="update">更改</button>
    <p id="myp" class="ps">这是一个p标签</p>
    <!-- 使用jquery的语法编写js脚本  需要先引入jquery -->
    <script src="./js/jquery.js"></script>
    <script>
        // 选择器
        // 标签选择器
        // 通过按钮点击之后改变p标签内容
        // js原生写法
        // document.querySelector('#update').onclick = function(){
        //     document.querySelector('p').innerHTML = 'js修改后的内容'
        // }
        // jquery写法
        $('#update').click(function(){
            $('p').html('jquery修改后的内容')
        })
        // console.log($('p').html('jquery修改后的内容'))
        // console.log(document.querySelector('p'))
        // class选择器  获取的是一个列表  多个的
        // 筛选过滤 eq 下标过滤
        // console.log($('.ps').html())
        // id选择器
        // console.log($('#myp').html())
    </script>
</body>
</html>